<template>
	<ul>
		<Item v-for="(item, index) in todoList"
			:key="item.id"
			:item="item"
			:index="index"
			:checkItem="checkItem"
			:delItem="delItem"></Item>
	</ul>
</template>

<script scoped>
import Item from './Item.vue'
export default {
	name: 'List',
	props: {
		todoList: {
			type: Array,
			required: true
		},
		checkItem: {
			type: Function,
			required: true
		},
		delItem: {
			type: Function,
			required: true
		}
	},
	components: {
		Item
	}
}
</script>

<style>
	ul{
		margin: 0;
		padding: 0;
	}
</style>